.titlePic {
	display: block;
	cursor:pointer
}
.titlePic .titlePic-left {
	float: left;
	margin-right:10px;
	position:relative;
	border-radius:50%;
	width:40px;
	height:40px;
	overflow:hidden
}
.titlePic-right { float: left}
.titlePic .titlePic-left>img {
	height:auto
}
.titlePic .pic-name {
	line-height: 40px;
	opacity:.9;
	font-family: mipro-medium;
	font-size: 16px;
	color:#000
}
.titlePic .pic-time {
	float: right;
	line-height: 40px;
	opacity:.3;
	font-size:12px;
	color:#000
}
.titlePic .cardTop {
	width:972px;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:40px
}
.titlePic .icon {
	margin-right:vw(24);
	position:relative
}
.titlePic .circleIcon {
	height:vw(98);
	width:vw(98);
	border-radius:50%;
	overflow:hidden
}
.titlePic .circleCertification {
	height:vw(36);
	width:vw(36);
	position:absolute;
	right:0;
	bottom:0
}
.titlePic .userInfo {
	height:vw(98);
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center
}
.titlePic .topInfo {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	line-height:vw(50)
}
.titlePic .userName {
	opacity:.9;
	font-weight:700;
	font-size:vw(42);
	color:#000;
	margin-right:vw(12)
}
.titlePic .medalImg {
	height:100%;
	width:100%;
	vertical-align:top
}
.titlePic .bottomInfo {
	opacity:.5;
	font-size:vw(30);
	line-height:vw(30);
	color:#000;
	margin-top:vw(18)
}
.titlePic .extend {
	position:absolute;
	right:0;
	height:vw(46);
	width:vw(46)
}
.bottomLine {
	display:flex;
	font-size:12px;
	justify-content:space-between;
	padding-bottom:26px;
	margin-top:25px;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.bottomLine .left-bottome {
	color:#000
}
.bottomLine .left-bottome>div {
	float:left
}
.bottomLine .left-bottome .card-topic {
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	background-color:rgba(2, 153, 255, .06);
	padding:0 14px;
	border-radius:30px;
	margin-right:12px;
	height:30px;
	line-height:30px
}
.bottomLine .left-bottome .card-topic>img {
	margin-top:-3px;
	margin-right:4px;
	width:14px;
	height:14px
}
.bottomLine .left-bottome .card-topic>span {
	color:#0299ff
}
.bottomLine .left-bottome .card-circle {
	font-size: 12px;
    background: #3A89EA;
    -webkit-border-radius: 4px;
    background: rgba(58, 137, 234, 0.1);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    color: #3A89EA;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0px 8px;
    margin-right: 7px;
    line-height: 24px;
    cursor: pointer;
    display: inline-block;
}
.bottomLine .left-bottome .card-circle>img {
	display: none;
	float: left;
	margin-top:8px;
	margin-right:4px;
	width:14px;
	height:14px
}
.bottomLine .left-bottome .card-circle>span {
	color: #3A89EA
}
.bottomLine .article-footer {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	color:#000
}
.bottomLine .article-footer .card-look {
	opacity:.5;
	margin-right:20px
}
.bottomLine .article-footer .card-look>span {
	margin-right:6px
}
.bottomLine .article-footer .card-reply {
	margin-right:26px;
	cursor:pointer;
	color:unset
}
.bottomLine .article-footer .card-reply>img {
	float: left;
	width:22px;
	height:19px;
	margin-top: 2px;
	margin-right:8px
}
.bottomLine .article-footer .card-reply>span {
	opacity:.5
}
.bottomLine .article-footer .card-support {
	cursor:pointer
}
.bottomLine .article-footer .card-support>img {
	float: left;
	width:22px;
	height:19px;
	position:relative;
	top:-2px;
	margin-right:8px
}
.bottomLine .article-footer .card-support>span {
	opacity:.5
}
.bottomLine .article-footer .card-operate {
	cursor:pointer;
	display:flex
}
.bottomLine .article-footer .card-operate>img {
	display:block;
	width:30px;
	height:30px;
	margin-right:2px
}
.bottomLine .article-footer .card-operate>span {
	opacity:.5;
	line-height:30px
}
.bottomLine .article-footer .operate-dislike {
	margin-right:16px
}
.bottomLine .new-card-bottom {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:space-between
}
.bottomLine .new-card-bottom .iconfont {
	line-height:1;
	color:rgba(0, 0, 0, .3)
}
.bottomLine .num {
	color:rgba(0, 0, 0, .5);
	font-weight:700
}
.bottomLine .num.active {
	color:rgba(0,0,0,0.85)
}
.topping {
	display:inline-block;
	width:34px;
	height:18px;
	line-height:18px;
	background:#ed2701;
	border-radius:4px;
	font-size:12px;
	color:#fff;
	letter-spacing:.86px;
	text-align:center;
	margin-right:10px;
	vertical-align:middle
}
.border:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:4px;
	border:2px solid #f15951;
	-webkit-transform-origin:left top;
	transform-origin:left top
}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
.border:before {
width:200%;
height:200%;
border-radius:8px;
transform:scale(.5);
-webkit-transform:scale(.5)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:3) {
.border:before {
width:300%;
height:300%;
border-radius:12px;
transform:scale(.33);
-webkit-transform:scale(.33)
}
}
.article {
	font-size:16px;
	color:#000;
	padding-top: 30px
}
.article .titleTop {
	font-size: 18px;
	align-items:center;
	max-height:24px;
	line-height: 24px;
	margin: 15px 0 0 0;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	opacity:.8
}
.article .article-content {
	margin-top:7px;
	opacity:.5;
	font-size:16px;
	color:#000;
	line-height:28px;
	margin-bottom:10px
}
.article .article-content2 {
	opacity:.5;
	font-size:16px;
	color:#000;
	line-height:26px
}
.article .article-img {
	display:flex;
	justify-content:space-between
}
.article .article-img>img {
	width:190px;
	height:140px;
	border:1px solid rgba(0, 0, 0, .06)
}
.article .col {
	margin-top:20px
}
.article .col:hover {
	cursor:pointer
}
.article .col1 {
	margin-top:20px;
	display:flex;
	justify-content:space-between
}
.article .col1:hover {
	cursor:pointer
}
.article .textIndent {
	display:inline-block;
	width:122px
}
.article .abstractMid {
	line-height:28px;
	max-height:56px;
	-webkit-line-clamp:2
}
.article .abstractMid, .article .abstractMid2 {
	margin-top:7px;
	font-size:14px;
	color:rgba(0, 0, 0, .5);
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.article .abstractMid2 {
	line-height:22px;
	max-height:78px;
	-webkit-line-clamp:3!important
}
.article .bottomPic {
	position:relative;
	width:190px;
	height:110px;
	overflow: hidden
}
.article .bottomPic img {
	width:100%;
	height:100%;
	object-fit:cover
}
.article .oneContent {
	width:calc(100% - 205px)
}
.article .bottomPicList {
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
	justify-content:space-between
}
.article .picItem {
	position:relative;
	width:190px;
	height:140px;
	border:1px solid rgba(0, 0, 0, .06)
}
.article .picItem img {
	height:100%;
	width:100%;
	object-fit:cover
}
.article .topic {
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	background-color:rgba(2, 153, 255, .06);
	vertical-align:bottom;
	color:#0299ff
}
.imgList {
	display:flex;
	flex-wrap:wrap
}
.imgItem {
	position:relative;
	margin-top: 0;
	margin-right: 8px;
	width: 140px;
	height: 140px;
	overflow: hidden
}
.imgItem:nth-child(4n) {
margin-right:0
}
.imgItem2:nth-child(3n) { margin-right: 10px}
.imgItem2:nth-child(2n) { margin-right: 0}
.imgItem img {
	height:100%;
	width:100%;
	object-fit:cover
}
.picture {
	font-size:16px;
	color:#000;
	padding-top: 30px
}
.abstractMid-pic {
	cursor:pointer;
	margin-top:6px;
	margin-bottom: 18px;
	font-size:16px;
	line-height:28px;
	max-height:28px;
	color: rgba(0,0,0,0.65);
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.video {
	font-size:16px;
	color:#000;
	margin-top:30px;
	cursor:pointer
}
.title {
	position:relative;
	width:100%;
	color:rgba(0, 0, 0, .8)
}
.textContent {
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.screen, .textContent {
	overflow:hidden
}
.abstractMid-video {
	margin-top:16px;
	margin-bottom:13px;
	font-size:18px;
	line-height:28px;
	max-height:56px;
	color:rgba(0, 0, 0, .8);
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.Seal-3R2Pu {
	background:url() no-repeat;
	background-size:cover;
	width:50px;
	height:50px;
	z-index:9
}
.SealTitle-2VduD {
	position:relative;
	top:20px;
	font-weight:700;
	font-size:12px;
	line-height:1;
	letter-spacing:3px;
	white-space:nowrap;
	color:rgba(0,0,0,0.85);
	opacity:.8;
	text-align:center;
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg);
	left:2px
}
.suggest-h9cGf {
	position:relative;
	font-size:16px;
	color:#000;
	margin-top:30px
}
.textContent-jjnO1 {
	cursor:pointer;
	margin-top:16px;
	font-size:18px;
	line-height:28px;
	max-height:56px;
	color:rgba(0, 0, 0, .8);
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.sealWrap-UrD1_ {
	position:absolute;
	right:0;
	top:32px
}
.choiceReply-3Ewsr {
	background-color:rgba(0, 0, 0, .04);
	padding:16px;
	font-size:14px;
	border-radius:10px;
	margin-top:8px
}
.choiceReply-3Ewsr .user-wToMg {
	display:flex;
	color:rgba(0, 0, 0, .8);
	align-items:flex-end
}
.choiceReply-3Ewsr .userName-AzZ03 {
	margin-right:3px
}
.choiceReply-3Ewsr .userType-1eJEg {
	background-color:#ff9c2b;
	font-size:12px;
	font-weight:700;
	color:#fff;
	border-radius:3px;
	height:20px;
	line-height:20px;
	text-align:center;
	padding:0 4px
}
.choiceReply-3Ewsr .reply-3Gx-W {
	color:rgba(0, 0, 0, .5);
	margin-top:9px;
	word-break:break-all
}
.twoLine-1l9Ic {
	-webkit-line-clamp:2
}
.threeLine-3Pjbc, .twoLine-1l9Ic {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.threeLine-3Pjbc {
	-webkit-line-clamp:3
}
.questionCard-3KSfQ {
	position:relative;
	z-index:0;
	display:block
}
.questionCard-3KSfQ:active {
	background-color:rgba(0, 0, 0, .06)
}
.questionCard-3KSfQ .content-3dYe_ {
	padding:27px 0;
	position:relative
}
.questionCard-3KSfQ .content-3dYe_:before {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:rgba(0, 0, 0, .1)
}
.textContent-3Q7zF {
	display:inline;
	font-size:18px;
	line-height:24px;
	color:rgba(0, 0, 0, .8);
	vertical-align:middle
}
.readMore-1AG4M {
	float:none;
	vertical-align:text-top
}
.createJira-3WmVz {
	color:#0299ff;
	text-decoration:underline;
	font-size:18px;
	margin-top:20px;
	cursor:pointer
}
.typeTag-3Dwg1 {
	position:relative;
	bottom:2px;
	display:inline-block;
	padding:3px 4px;
	font-size:12px;
	font-weight:700;
	line-height:1;
	border-radius:3px;
	border:1px solid #ff9c2b;
	background-color:rgba(255, 156, 43, .05);
	color:#f38e1a;
	text-align:center;
	margin-left:7px
}
.typeTag-3Dwg1 .help-37aFN {
	background-color:rgba(255, 89, 74, .05);
	border:1px solid rgba(0,0,0,0.85);
	color:#f44737
}
.extraStatus-O56KY {
	position:relative;
	bottom:2px;
	display:inline-block;
	padding:3px 4px;
	margin-left:5px;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, .35);
	font-size:12px;
	line-height:1;
	color:rgba(0, 0, 0, .4);
	text-align:center
}
.cardBottom-3WPrd {
	display:flex;
	justify-content:space-between;
	font-size:14px;
	color:rgba(0, 0, 0, .3);
	margin-top:7px
}
.likeCnt-2HPqw {
	margin-left:20px
}
.scroll-1yJPH {
	overflow-x:hidden;
	position:relative;
	z-index:0
}
.scroll-1yJPH::-webkit-scrollbar {
display:none
}
.scrollList-Ot0B7 {
	position:relative
}
.scrollList-Ot0B7>*>a {
	display:block;
	color:unset
}
.upWrapper-1EQIA {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#999;
	padding:10px 0;
	font-size:14px;
	position:relative
}
.upAfterTrigger-2bFhG, .upBeforeTrigger-1ep1b, .upLoading-3EpSR {
	width:100%;
	text-align:center;
	display:none
}
.upBeforeTrigger-1ep1b {
	color:#0299ff
}
.downWrapper-16-jj {
	position:absolute;
	width:100%;
	left:0;
	top:-50px;
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
	color:#999;
	-webkit-transition:all;
	transition:all;
	font-size:14px;
	z-index:-1
}
.downBeforeTrigger-SNPgK, .downLoading-x8USI {
	width:100%;
	text-align:center
}
.downLoading-x8USI {
	display:none
}
.downBeforeTrigger-SNPgK {
	display:block
}
.afterDown-2FWI2 {
	height:120px;
	line-height:120px;
	background:#ff4f49;
	box-shadow:0 10px 20px 0 rgba(252, 99, 94, .4);
	border-radius:60px;
	display:none;
	position:fixed;
	z-index:9999;
	left:50%;
	top:124px;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-weight:700;
	font-size:38px;
	text-align:center
}
.toastAnimate-2i2LE {
	-webkit-animation:changeToast-2TbwZ 1.1s ease-out 1 normal forwards running;
	animation:changeToast-2TbwZ 1.1s ease-out 1 normal forwards running;
	display:block
}
@-webkit-keyframes changeToast-2TbwZ {
0% {
width:120px;
color:transparent
}
13% {
color:transparent
}
18% {
opacity:1;
width:380px;
color:#fff
}
80% {
opacity:1;
width:380px;
color:#fff
}
to {
	opacity:0;
	width:380px;
	color:#fff
}
}
@keyframes changeToast-2TbwZ {
0% {
width:120px;
color:transparent
}
13% {
color:transparent
}
18% {
opacity:1;
width:380px;
color:#fff
}
80% {
opacity:1;
width:380px;
color:#fff
}
to {
	opacity:0;
	width:380px;
	color:#fff
}
}
.topDivider-qq-9o {
	position:fixed;
	top:0;
	width:100vw;
	height:1px;
	background:rgba(0, 0, 0, .1);
	z-index:99
}
